<template>
  <div>
    <div id="wrap">
      <section class="family-box">

        <!--如果是管理员-->
        <ul class="show-transition">
          <li>
            <div class="user-avatar">
              <div class="inner-avatar">
                <img
                  src="http://wx.qlogo.cn/mmopen/snWPb6GzjUx5icz1bzQsib86XfYUiaeAx4m2l2jzPqGhMyHoEfQRYRrwxWeB24BRoxVusTKiacnAKfarsLTQLeDG13nyQm8vSWuQ/0">
                <span class="me">我</span>
              </div>
            </div>
            <div class="avatar-name">飞天猫</div>
            <div class="user-permission">

            </div>
          </li>
          <li>
            <div class="user-avatar">
              <div class="inner-avatar">
                <img
                  src="http://wx.qlogo.cn/mmopen/rqvn1hjHytdRMRQnKu3zwxA3TnibUn795R89ulSoRM0Hua3F1Icmm74WTFxOAm5S0yZSVJtQCIExTktyvuVaqCK5CV7gawuJI/0">

              </div>
            </div>
            <div class="avatar-name">Rongchan</div>
            <div class="user-permission">
              <button type="button">管理员</button>
            </div>
          </li>
          <li>
            <a class="user-invite" href="code.html"></a>
            <div class="avatar-name">
              邀请家人
            </div>
            <div class="user-permission">
            </div>
          </li>
        </ul>
      </section>
    </div>
  </div>
</template>
<script>
  export default {
    data() {
      return {}
    },
    mounted() {

    }
  }
</script>
<style>

</style>
